<template>
    <div class="custom-label">
        <span>{{ label }}</span>
        <el-tooltip class="item" effect="dark" :content="content" :placement="placement">
            <span class="iconfont" :class="icon" :style="iconStyle"></span>
        </el-tooltip>
    </div>
</template>
<script>
export default {
    props: {
        label: {
            type: String,
            default: '上传附件'
        },
        icon: {
            type: String,
            default: 'icon-tongyong-gaojingxiangqing-wenhao'
        },
        showTipIcon: {
            type: Boolean,
            default: true
        },
        content: {
            type: String,
            default: '上传格式支持png、jpg、jpeg、mp4、txt、doc、docx、pdf、ppt、pptx，单个文件上传不得超过10M，最多可上传9个'
        },
        placement: {
            type: String,
            default: 'top'
        },
        iconStyle: {
            type: Object,
            default: () => {
                return {
                    color: '#FFA940',
                    fontSize: '22px',
                    width: '17px'
                }
            }
        }
    }
}
</script>
<style lang="scss" scoped>
.custom-label {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}
</style>
